Observe a mock crit session
觀察一次設計評審模擬會議
主持人 Michael:
大家好,感謝參加今天的設計評審會議。我是 Michael。今天的主講人是 Kunal,他將展示他為「Dog Walker App」設計的內容,並希望重點討論核心流程中的一些問題。請各位審稿人邊聽邊記錄,問題請在演示結束後提出。
主講人 Kunal 的展示:
大家好,謝謝 Michael。我想向大家介紹目前的設計階段,並請大家針對「主要行動按鈕」以及「預約流程」給出反饋。
預約流程說明:
- 首頁的主要按鈕是“預約遛狗”,我原本考慮把它放在頂部橫幅裡,但後來決定將按鈕放在橫幅下方,以視覺上區隔推薦的遛狗員列表。
- 使用者點選按鈕後會進入預約流程。為了幫助使用者理解是一個分步驟的過程,我在螢幕頂部加入了步驟指示器(三個圖示)。
- 所有頁面上我都採用了圓角大按鈕,顏色統一為橙色,風格保持一致。
第一步:填寫預約資訊
- 包括:日期、時間、時長、以及選擇要遛的狗狗。
- 使用了輪播式選單選擇日期和時段。
- 還新增了“設定為重複預約”的選項,這部分我還在進一步設計中。
色彩與按鈕風格
- 所有“繼續下一步”、“提交預約”的按鈕都用了統一的橙色。
- 日期、遛狗員和確認這三個步驟圖示也用橙色,完成的步驟會高亮成橙色圓圈。
審稿人反饋:
Shabi 的反饋:
- 頁面流程很清晰,我注意到你新增了“重複預約”的選項,很好。
- 不過第二個介面上的語言“誰去散步”是否對使用者來說夠清楚?或許換成“哪隻狗要去散步?”會更合適。
Salvador 的反饋:
- 很贊同 Shabi 的建議。
- 如果使用者有多隻狗,每隻狗的散步時間不同呢?比如我的狗 Ranger 不太合群,我更希望他獨自散步。
- 我們是否可以設計這個功能來支援單獨預約?
Kunal 回覆:謝謝你們的建議,我會嘗試不同的文案,也會和團隊討論是否支援單獨遛狗的功能。
其他關注點:
- 目前預約介面顯示了多個狗狗,有些語言(比如首頁的“我們帶它們去散步”)預設使用者有多隻狗。
- 如果使用者只有一隻狗,是否可以隱藏狗狗選擇介面,自動選擇預設那隻狗?
Kunal 回覆:好建議!這確實是常見場景,我會重新檢視介面,考慮最佳化。
設計風格討論(CTA 按鈕)
審稿人提問:
- CTA(Call-to-Action)按鈕使用了橙色,有什麼理由?
- 有沒有考慮按鈕的可訪問性(對比度)?
- 頁面中有很多橙色元素,是否會造成視覺疲勞?
- 頂部的步驟圖示也用橙色,會不會跟按鈕顏色混淆?是否可以改成灰色等中性色?
Kunal 回覆:
- 顏色是基於我們設計系統中的色彩指南選的。
- 會再檢查對比度是否符合無障礙規範,並做出相應調整。
元件一致性問題:
提問:
- 不同頁面中按鈕的大小和位置有變化,這樣是否會讓使用者感到混亂?
Kunal 回覆:
- 我們根據每頁內容比例調整按鈕大小,是為了保持視覺平衡,並不會影響使用者的操作流程。
小結與下一步:
- 審稿人認可整體設計邏輯清晰,但也提供了關於用詞清晰性、多狗支援、單狗最佳化、按鈕一致性、色彩使用等方面的改進建議。
- Kunal 將會繼續完善副本文案、顏色選擇,以及探索支援更多使用場景的設計方案。
